<template>
	<view class="home">
		<!-- 导航栏 -->
		<uni-nav-bar :border="false" left-icon="left" left-text="返回" right-text='添加车辆' title="我的车辆" @clickLeft="back" @clickRight="go"  />
		<!-- 图片 -->
		<view class="car">
			<image src="../../static/images/logo1.jpg" class="pre"></image>
		</view>
		<!-- 文字 -->
		<view class="wenzi">
			<view class="bcar">
				<uni-icons  custom-prefix="iconfont" type="icon-xiaoqiche" size="40rpx" color="#61a0f0"></uni-icons>
			</view>
			<view class="pai">京A67789</view>
			<view>
				<label class="radio"><radio value="r1" checked="true" /></label>
			</view>
		</view>
		<!-- 按钮 -->
		<view class="btn">
			<text class="btn_wen">删除</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			back(){
				uni.switchTab({
					url:'/pages/memberCentre/memberCentre'
				})
			},
			go(){
				uni.navigateTo({
					url:'/pages/addcar/addcar'
				})
			}
		}
	}
</script>

<style lang="less">
	.home{
		width: 100%;
		height: 100%;
		// background-color: blanchedalmond;
		
		.pre{
			width: 100%;
			height: 242rpx;
		}
		.wenzi{
			height:88rpx ;
			background-color: #fff;
			overflow: hidden;
			position: relative;
			.bcar{
				margin-top: 26rpx;
				margin-left:35rpx;
			}
			.pai{
				position: absolute;
				top: 29rpx;
				left: 93rpx;
				font-size: 29rpx;
			}
			.radio{
				float: right;
				position: absolute;
				right:30rpx;
				top:18rpx;
			}
			.uni-nav-bar-right-text{
			    font-size: 12px;
			    color: red !important;
			}
		}
		.btn{
			height: 95rpx;
			background-color:#1f8fff;
			margin-top:183rpx;
			margin-left: 59rpx;
			margin-right:47rpx;
			border-radius:42rpx;
			.btn_wen{
				font-size: 33rpx;
				color: #fff;
				line-height: 95rpx;
				margin-left: 286rpx;
			}
		}
	}
</style>
